/**
 国际学术论坛管理
*/
<template>
    <div>
        <div v-if="indexKey === 1">
            <condition-card
                @reset="reset"
                @search="onSubmit"
                label-position="right"
                label-width="150px"
            >
                <el-row :gutter="24" style="height: 50px;">
                    <!-- 工号 -->
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.jobNumber')">
                            <el-input
                                v-model="queryForm.condition.teacherId"
                                :placeholder="$t('academicForum.pleaseJobNumber')"
                                clearable
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <!-- 姓名  -->
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.name')">
                            <el-input
                                v-model="queryForm.condition.teacherName"
                                :placeholder="$t('academicForum.pleaseName')"
                                clearable
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <!-- 国家/地区 -->
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.countryRegion')" prop="country">
                            <el-input
                                v-model="queryForm.condition.country"
                                :placeholder="$t('academicForum.pleaseCountryRegion')"
                                clearable
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <!-- 申请学校名称 -->
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.nameOfSchool')" prop="cooperativeUniversity">
                            <el-input
                                v-model="queryForm.condition.cooperativeUniversity"
                                :placeholder="$t('academicForum.pleaseNameOfSchool')"
                                clearable
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <!-- 论坛开始时间 -->
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.forumStartTime')" size="small">
                            <el-date-picker
                                :placeholder="$t('academicForum.pleaseSelect')"
                                style="width: 100%"
                                v-model="queryForm.condition.forumStartTime"
                                :picker-options="pickerOptionsStart"
                                type="date"
                                value-format="yyyy-MM-dd"
                                format="yyyy-MM-dd"
                            ></el-date-picker>
                        </el-form-item>
                        <!-- 论坛结束时间 -->
                    </el-col>
                    <el-col :span="8">
                        <el-form-item :label="$t('academicForum.forumEndTime')" size="small">
                            <el-date-picker
                                :placeholder="$t('academicForum.pleaseSelect')"
                                style="width: 100%"
                                v-model="queryForm.condition.forumEndTime"
                                :picker-options="pickerOptionsEnd"
                                type="date"
                                value-format="yyyy-MM-dd"
                                format="yyyy-MM-dd"
                            ></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
            </condition-card>
            <el-card
                shadow="never"
                v-loading="loading"
                body-style="padding: 24px;"
                class="card-margin"
            >
                <h1 class="condition-title">{{$t('academicForum.listOfAcademicForums')}}</h1>
                <div class="float-left associated-conditional-input">
                    <KeywordInput
                        v-model="queryForm.condition.projectNameOrId"
                        :placeholder="$t('academicForum.entryName')"
                        @enter="onSubmit"
                    />
                </div>
                <div class="edu-opertion-bar sub-title">
                    <div class="float-right" style="display: flex;">
                        <el-dropdown placement="bottom-start" trigger="click" @command="leadFile">
                            <el-button type="primary">
                                {{$t('academicForum.lead')}}
                                <i
                                    class="el-icon-arrow-down el-icon--right"
                                ></i>
                            </el-button>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item command="导入">{{$t('academicForum.importData')}}</el-dropdown-item>
                                <el-dropdown-item command="下载">{{$t('academicForum.download')}}</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                        <el-upload
                            v-model="dialogForm.file"
                            class="upload-demo"
                            action="/api/externalexchangeservice/pgForum/importForum"
                            :auto-upload="true"
                            :before-upload="beforeUpload"
                            :on-success="changeSuccess"
                            :limit="3"
                            :file-list="fileList"
                            style="display: none;"
                        >
                            <span slot="trigger" ref="importBtn">{{$t('graduate.clickUpload')}}</span>
                        </el-upload>
                        <!-- <el-button type="primary" @click="importBtn()">{{$t('base.importBtn')}}</el-button> -->
                        <el-button
                            style="margin-left:10px"
                            type="primary"
                            @click="exportFile"
                        >{{$t('internship.derive')}}</el-button>
                        <el-button type="primary" @click="exportAdd">{{$t('academicForum.add')}}</el-button>
                        <el-button type="danger" @click="batchDeleteClick">{{$t('academicForum.delete')}}</el-button>
                    </div>
                </div>
                <edu-table
                    :pagination="false"
                    :tooltipEffect="tooltipEffect"
                    stripe
                    :data="dataList"
                    size="mini"
                    @selection-change="handleSelectionChange"
                >
                    <edu-table-column :label="$t('academicForum.projectNumber')" prop="projectNumber"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.projectName')" prop="projectName"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.projectSubject')" prop="oneSubjectName" width="150"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.jobNumber')" prop="teacherId"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.name')" prop="teacherName"></edu-table-column>
                    <edu-table-column
                        :label="$t('academicForum.cooperativeUniversity')"
                        prop="cooperativeUniversity"
                        width="150"
                    ></edu-table-column>
                    <edu-table-column :label="$t('academicForum.forumVenue')" prop="country" width="150"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.forumStartTime')" prop="forumStartTime" width="150"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.forumEndTime')" prop="forumEndTime" width="150"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.specialFunds')" prop="specialFunds" width="150"></edu-table-column>
                    <edu-table-column :label="$t('academicForum.operate')" fit width="150">
                        <template slot-scope="props">
                            <el-button
                                type="text"
                                @click="editOutline(props.row)"
                            >{{$t('academicForum.edit')}}</el-button>
                            <el-button
                                v-if="editBtn"
                                type="text"
                                @click="detailsOutline(props.row)"
                            >{{$t('academicForum.check')}}</el-button>
                            <el-button
                                type="text"
                                @click="deteOutline(props.row)"
                            >{{$t('academicForum.delete')}}</el-button>
                        </template>
                    </edu-table-column>
                </edu-table>
                <el-row type="flex" class="row-bg" justify="end">
                    <el-col>
                        <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="queryForm.pageNum_"
                            :page-sizes="[20, 40, 80, 100]"
                            :page-size="queryForm.pageSize_"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="queryForm.total_"
                            style="float:right;margin-top:10px"
                        ></el-pagination>
                    </el-col>
                </el-row>
            </el-card>
            <edu-export-dialog
                :disabled="exportButton"
                :title="$t('message.prompt')"
                ref="downloadRef"
                :data="exportResult"
            ></edu-export-dialog>
        </div>
        <!-- 新增 -->
        <div v-if="indexKey === 2">
            <academicForumAdd
                @change-exam="changeExam"
                ref="addFinom"
                @change-add="changeAdd"
                :compile="compile"
                :dataList="dataListObj"
            ></academicForumAdd>
        </div>
        <!-- 编辑 -->
        <div v-if="indexKey === 3">
            <academicForumEdit @change-exam="changeExam" :compile="compile" :dataList="dataListObj"></academicForumEdit>
        </div>
        <!-- 查看 -->
        <div v-if="indexKey === 4">
            <academicForumView @change-exam="changeExam" :compile="compile" :dataList="dataListObj"></academicForumView>
        </div>

        <!-- 导入 开始 -->
        <el-dialog
            :title="$t('导入国际学术论坛项目')"
            :visible.sync="importConference"
            :close-on-click-modal="false"
            :close-on-press-escape="false"
            width="36%"
        >
            <div style="width:100%;text-align:center; margin-left:110px">
                <el-form
                    label-position="left"
                    :rules="importRules"
                    ref="exportForm"
                    :model="exportForm"
                >
                    <el-row :gutter="24">
                        <!-- 导入数据 -->
                        <el-col :span="7">
                            <el-form-item>
                                <div style="margin-top:20px;  width:100%">
                                    <el-upload
                                        ref="upload"
                                        v-model="dialogForm.file"
                                        class="upload-demo"
                                        action="/api/externalexchangeservice/pgForum/importForum"
                                        :data="uploadConfig.data"
                                        :before-upload="beforeUpload"
                                        :on-success="handlerUploadSuccess"
                                        :before-remove="handlerBeforeRemove"
                                        :on-remove="handlerRemove"
                                        :on-error="handlerUploadError"
                                        multiple
                                        :limit="1"
                                        :file-list="uploadConfig.fileList"
                                    >
                                        <el-button
                                            size="small"
                                            type="primary"
                                        >{{$t('导入文件')}}</el-button>
                                        <!-- 请上传xls、xlsx文件 -->
                                        <div
                                            slot="tip"
                                            class="el-upload__tip"
                                        >{{$t('conOfIntAcaCon.uploadNotice')}}</div>
                                    </el-upload>
                                </div>
                            </el-form-item>
                        </el-col>
                        <!-- 重置上传 -->
                        <!-- <el-col :span="6">
                            <el-form-item>
                                <el-button
                                    type="primary"
                                    @click="resetUpload"
                                    style="margin-top:20px"
                                >{{$t('conOfIntAcaCon.restUpload')}}</el-button>
                            </el-form-item>
                        </el-col>-->
                        <!-- 下载模板 -->
                        <!-- <el-col :span="6">
                            <el-form-item>
                                <el-button
                                    type="primary"
                                    @click="downLoad"
                                    style="margin-top:20px"
                                >{{$t('conOfIntAcaCon.downLoadModel')}}</el-button>
                            </el-form-item>

                            <el-upload
                                v-model="dialogForm.file"
                                class="upload-demo"
                                action="/api/externalexchangeservice/pgForum/importForum"
                                :auto-upload="true"
                                :before-upload="beforeUpload"
                                :on-success="changeSuccess"
                                :limit="3"
                                :file-list="fileList"
                                style="display: none;"
                            >
                                <span slot="trigger" ref="importBtn">{{$t('graduate.clickUpload')}}</span>
                            </el-upload>
                        </el-col> -->
                    </el-row>
                </el-form>
            </div>
            <el-table stripe :data="errList" size="mini" v-show="ifErr" tooltip-effect="light">
                <!-- 项目编号 -->
                <el-table-column
                    :label="$t('项目编号')"
                    prop="projectNumber"
                    width="100px"
                    show-overflow-tooltip
                ></el-table-column>
                <!-- 教师工号 -->
                <el-table-column
                    :label="$t('教师工号')"
                    prop="teacherId"
                    width="100px"
                    show-overflow-tooltip
                ></el-table-column>
                <!-- 教师姓名 -->
                <el-table-column
                    :label="$t('教师姓名')"
                    prop="teacherName"
                    width="100px"
                    show-overflow-tooltip
                ></el-table-column>
                <!-- 学生学号 -->
                <el-table-column
                    :label="$t('学生学号')"
                    prop="studentId"
                    width="100px"
                    show-overflow-tooltip
                ></el-table-column>
                <!-- 学生姓名 -->
                <el-table-column
                    :label="$t('学生姓名')"
                    prop="studentName"
                    width="100px"
                    show-overflow-tooltip
                ></el-table-column>
                <!-- 原因 -->
                <el-table-column
                    :label="$t('失败原因')"
                    prop="reason"
                    width="120px"
                    show-overflow-tooltip
                ></el-table-column>
            </el-table>
        </el-dialog>
        <!-- 导入  结束 -->
    </div>
</template>
<script>
import { queryDic } from 'common/src/api/dictionary'
import UTILS from 'common/src/utils/utils'
import academicForumAdd from './academicForumAdd'
import academicForumEdit from './academicForumEdit'
import academicForumView from './academicForumView'
import graduateStudent from 'common/src/api/graduateStudent/graduateStudent'
import { getALLCollege } from 'common/src/api/internationalExchanges/exchangeCollegeManagement'
import forumProject from 'common/src/api/academicForums/forumProject'

export default {
    components: {
        academicForumAdd,
        academicForumEdit,
        academicForumView
    },
    data() {
        return {
            indexKey: 1, // 面包屑
            importConference: false, // 是否显示导入框
            ifErr: false, // 是否展示错误信息
            uploadConfig: {
                fileList: [],
                data: { versionCode: '' }
            },
            applyForm: {
                attachFile: [],
                attachName: []
            },
            fileList: [],
            fileFlag: true,
            title: '',
            compile: '',
            dataListObj: {},
            category: { category: 1 },
            addBtn: true,
            editBtn: true,
            auths: [],
            addflag: false,
            ifDetials: false,
            copyDialog: false,
            curCalendarId: '',
            exportButton: false,
            exportResult: null,
            dataList: [],
            multipleSelection: [],
            provideData: {}, // 提供子组件表格数据
            queryForm: {
                pageNum_: 1,
                pageSize_: 20,
                // total_: 0,
                condition: {
                    teacherId: '',
                    teacherName: '',
                    country: '',
                    cooperativeUniversity: '',
                    forumStartTime: '',
                    forumStartTime: '',
                    projectNameOrId: ''
                }
            },
            // 导入
            exportForm: {},
            // 导入失败列表
            errList: [],
            dialogForm: {
                file: ''
            },
            dataListProp: {},
            copyTime: {
                time: ''
            },
            options: {
                facultys: [],
                timeList: [],
                title: [],
                sex: [],
                regionList: []
            },
            pickerOptionsStart: {
                disabledDate: time => {
                    let endDateVal = this.queryForm.condition.forumEndTime
                    if (endDateVal) {
                        return time.getTime() > new Date(endDateVal).getTime()
                    }
                }
            },
            pickerOptionsEnd: {
                disabledDate: time => {
                    let beginDateVal = this.queryForm.condition.forumStartTime
                    if (beginDateVal) {
                        return time.getTime() <= new Date(beginDateVal).getTime() - 86400000
                    }
                }
            },
            queryList: {
                calendarId: '',
                faculty: '',
                status: '',
                course: ''
            },
            id: '',
            formsLearn: [],
            breadPath: {
                label: this.$t('graduate.graduate'),
                key: '1',
                children: [
                    {
                        key: '2',
                        label: ''
                    }
                ]
            }
        }
    },
    watch: {
        auths: {
            handler: function(newVal) {
                if (newVal && Array.isArray(newVal) && newVal.length > 0) {
                    newVal.some(item => {
                        if (item.authCode === 'academicForums-addBtn') {
                            // 新增
                            this.addBtn = true
                        }
                        if (item.authCode === 'academicForums-editBtn') {
                            // 编辑
                            this.editBtn = true
                        }
                        if (item.authCode === 'internshipDemand-detailsBtn') {
                            // 详情
                            this.detailsBtn = true
                        }
                        if (item.authCode === 'internshipDemand-deriveBtn') {
                            // 导出
                            this.deriveBtn = true
                        }
                        if (item.authCode === 'internshipDemand-removeBtn') {
                            // 删除
                            this.removeBtn = true
                        }
                    })
                }
            },
            deep: true,
            immediate: true
        }
    },
    created() {
        this.postApproveAgree(this.queryForm)
        if (localStorage.getItem('sessiondata')) {
            if (JSON.parse(localStorage.getItem('sessiondata')).auths) {
                this.auths = JSON.parse(localStorage.getItem('sessiondata')).auths
            }
        }
    },
    filters: {},
    mounted() {
        this.getColleges()
        this.getOptions()
    },
    methods: {
        async getColleges() {
            let { code, data } = await getALLCollege()
            if (code !== 200) return
            this.options.regionList = data.list.map(item => {
                return {
                    value: item.id,
                    label: item.nameCN
                }
            })
        },
        // 导入
        leadFile(command) {
            if (command === '导入') {
                this.importConference = true
                this.uploadConfig.fileList = []
                this.errList = []
                this.ifErr = false
            } else if (command === '下载') {
                forumProject.downloadTemplate().then(res => {
                    this.$message({
                        type: 'success',
                        message: this.$t('internship.successfully')
                    })
                })
            }
        },
        // 新增
        exportAdd() {
            this.compile = '新增'
            this.indexKey = 2
        },
        // 新增保存
        changeAdd(data, dateList) {
            let list = []
            dateList.studentList.forEach(el => {
                list.push({
                    studentId: el.studentId,
                    phone: el.phoneNumber,
                    email: el.email
                })
            })
            data.forumStartTime = data.forumStartTime + ' ' + '00:00:00'
            data.forumEndTime = data.forumEndTime + ' ' + '00:00:00'
            data.studentList = list
            forumProject.addForum(data).then(res => {
                this.$message.success(this.$t('internship.successfully'))
                this.$refs.addFinom.cancelClose()
                this.indexKey = 1
                this.queryForm.pageNum_ = 1
                this.postApproveAgree(this.queryForm)
            })
        },
        // 编辑
        editOutline(data) {
            forumProject.getForumDetails(data.id).then(res => {
                this.compile = '编辑'
                this.dataListObj = res.data
                this.indexKey = 3
            })
        },

        // 详情
        detailsOutline(data) {
            forumProject.getForumDetails(data.id).then(res => {
                this.dataListObj = res.data
                this.indexKey = 4
                this.compile = '查看'
            })
        },
        // 查询列表
        postApproveAgree(date) {
            forumProject.postForumList(date).then(res => {
                this.queryForm.total_ = res.data.total_
                this.dataList = res.data.list
            })
        },
        getOptions() {
            // 筛选条件字典查询
            let data = {
                lang: this.$store.getters.language || 'cn',
                type: 'allChild',
                keys: ['profession', 'G_XBIE']
            }
            queryDic(data).then(res => {
                UTILS.fillSelect(
                    {
                        title: 'profession',
                        sex: 'G_XBIE'
                    },
                    res.data,
                    this.options
                )
            })
        },
        changeClick(val) {
            this.options.title.forEach(el => {
                if (val === el.value) {
                    this.queryForm.condition.proTitle = el.label
                }
            })
        },
        // 导入
        importBtn() {
            this.importConference = true
            this.uploadConfig.fileList = []
            this.errList = []
            this.ifErr = false
        },
        // 上传数据
        handlerUploadSuccess(response, file, fileList) {
            this.errList = []
            let responseCode = response.code
            let _this = this
            if (responseCode === 200) {
                // 导入成功
                _this.$message({
                    message: _this.$t('base.importSuccess'),
                    type: 'success'
                })
                // 展示导入错误 的信息
                if (response.data) {
                    _this.ifErr = true
                    response.data.forEach(err => {
                        _this.errList.push(err)
                    })
                }
            } else if (response.msg) {
                _this.$message.error(response.msg)
            }
            this.postApproveAgree(this.queryForm)
        },

        handlerBeforeRemove(file, fileList) {
            if (this.fileFlag) {
                return this.$delConfirm().then(_ => {})
            }
        },
        handlerRemove(file, fileList) {
            this.errList = []
            this.ifErr = false
            let index = this.applyForm.attachFile.indexOf(file.url)
            this.applyForm.attachFile.splice(index, 1)
            this.applyForm.attachName.splice(index, 1)
        },
        handlerUploadError(response, file, fileList) {
            this.$message({
                message: this.$t('graduateBase.uploadFail'),
                type: 'error'
            })
        },

        // 重置上传
        resetUpload() {
            this.exportForm.versionCode = ''
            this.uploadConfig.fileList = []
            this.errList = []
            this.ifErr = false
        },
        // 下载导入模板
        downLoad() {
            forumProject.downloadTemplate().then(res => {
                this.$message({
                    type: 'success',
                    message: this.$t('internship.successfully')
                })
            })
        },

        beforeUpload(file) {
            const fileSizeFlag = file.size && file.size / 1024 / 1024 < 10
            let fileType = file.name.substring(file.name.lastIndexOf('.') + 1)
            const uploadFlag = fileType === 'xls' || fileType === 'xlsx'
            if (!uploadFlag) {
                window.vueApp.showMsgBox({
                    message: this.$t('minor.approve.uploadFileError'),
                    callback: () => {}
                })
            }
            if (!fileSizeFlag) {
                window.vueApp.showMsgBox({
                    message: this.$t('minor.approve.uploadSizeError'),
                    callback: () => {}
                })
            }
            this.fileFlag = uploadFlag && fileSizeFlag
            if (!(uploadFlag && fileSizeFlag)) {
                return false
            }
        },
        changeSuccess(res, file, fileList) {
            if (res.code == 200) {
                this.$message({
                    type: 'success',
                    message: this.$t('internship.successfully')
                })
                this.queryForm.pageNum_ = 1
                this.postApproveAgree(this.queryForm)
            } else if (res.msg) {
                this.$message({ type: 'info', message: res.msg })
            }
        },
        // 导出
        exportFile() {
            if (this.multipleSelection.length > 0) {
                let ids = []
                this.multipleSelection.forEach(el => {
                    ids.push(el.id)
                })
                if (this.dataList.length === 0) {
                    this.$message.error('无数据')
                } else {
                    forumProject.forumExport({ ids }).then(res => {
                        this.$message({
                            type: 'success',
                            message: this.$t('internship.successfully')
                        })
                    })
                }
            } else {
                if (this.dataList.length === 0) {
                    this.$message.error('无数据')
                } else {
                    forumProject.forumExport(this.queryForm.condition).then(res => {
                        this.$message({
                            type: 'success',
                            message: this.$t('internship.successfully')
                        })
                    })
                }
            }
        },
        // 搜索/筛选
        onSubmit() {
            this.queryForm.pageNum_ = 1
            this.postApproveAgree(this.queryForm)
        },
        handleSelectionChange(val) {
            this.multipleSelection = val
        },

        // 重置
        reset() {
            for (let key in this.queryForm.condition) {
                this.queryForm.condition[key] = ''
            }
            this.fileList = []
            this.queryForm.pageNum_ = 1
            this.postApproveAgree(this.queryForm)
        },
        // 保存
        conserve() {
            this.addflag = false
        },
        // 批量删除
        batchDeleteClick() {
            if (this.multipleSelection.length > 0) {
                let deleteArray = this.multipleSelection.map(item => {
                    return item.id
                })
                this.$delConfirm(this.$t('message.areYouSureDelete'), this.$t('message.prompt'), {
                    confirmButtonText: this.$t('message.confirm'),
                    cancelButtonText: this.$t('message.cancel'),
                    type: 'warning'
                }).then(() => {
                    forumProject.delForum({ ids: deleteArray }).then(res => {
                        if (res.code === 200) {
                            this.$message.success(this.$t('删除成功'))
                            this.onSubmit()
                        }
                    })
                })
            } else {
                this.$message.error(this.$t('请勾选数据'))
            }
        },
        // 单个删除
        deteOutline(row) {
            this.$delConfirm().then(_ => {
                forumProject.delForum({ ids: [row.id] }).then(res => {
                    if (res.code === 200) {
                        this.$message({
                            type: 'success',
                            message: this.$t('externamExchangeBase.operateSuccessfully')
                        })
                        this.onSubmit()
                    }
                })
            })
        },
        // 返回主页
        changeExam() {
            this.indexKey = 1
            this.multipleSelection = []
            this.queryForm.pageNum_ = 1
            this.postApproveAgree(this.queryForm)
        },
        handleSizeChange(val) {
            this.queryForm.pageSize_ = val
            this.queryForm.pageNum_ = 1
            this.postApproveAgree(this.queryForm)
        },
        handleCurrentChange(val) {
            this.queryForm.pageNum_ = val
            this.postApproveAgree(this.queryForm)
        }
    }
}
</script>
<style lang="scss" scoped>
.condition-title {
    color: #2b3b4e;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
.edu-page-title {
    span {
        line-height: 24px;
        display: inline-block;
        padding-right: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #2b3b4e;
    }
}
.sub-title {
    margin: 16px 0;
    font-size: 16px;
    color: #000020;
    letter-spacing: 0;
}
.form-item {
    width: 312px;
    height: 32px;
    float: left;
    margin: 0px 10px;
}
.is-enabled-container ::v-deep {
    .el-button {
        cursor: auto;
    }
    .el-button--danger {
        padding: 9px 15px;
        min-width: 0;
    }
}
.inputBox {
    width: 240px !important;
    height: 32px !important;
}
.atooltip {
    background: beige;
    border: black;
}
</style>
